<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        textarea{
            /* 不允许多行文本输入域拖动 */
            resize: none;
        }
    </style>
</head>
<body>
    <!-- type="radio" 单选按钮 name的值一定要一致
         type="checkbox" 多选按钮
         checked 默认选中（单选按钮，多选按钮）
    
    label: 关联文字（单选按钮，多选按钮）
        for="id的值"
    select+option 下拉列表
        selected 选中
    textarea： 多行文本输入统域
       cols="50"  列
       rows="10"  行
   -->
    <form action="">

        性别：
        <input type="radio" name="sex" checked id="woman"> 
        <label for="woman">女</label>
        <input type="radio" name="sex" id="man"> 
        <label for="man">男</label>
        <br>
        爱好：
        <input type="checkbox" checked id="bs1"> 
        <label for="bs1">篮球1</label>
        <input type="checkbox"> 篮球2
        <input type="checkbox" checked> 篮球3
        <input type="checkbox"> 篮球4
        <br><br>

        下拉列表：
        <select name="" id="">
            <option value="">-请选择-</option>
            <option value="" selected>111</option>
            <option value="">222</option>
            <option value="">333</option>
        </select>
        <br><br>
        意见表：<br>
        <textarea name="" id="" cols="50" rows="10"></textarea>
    </form>
</body>
</html>